<template>
  <div class="box pt-40">
    {{ hello }}
    <NuxtLink class="" to="/home">跳转</NuxtLink>
    {{ t("home") }}
    <button @click="previewImg" class="p-3 text-theme">切换主题</button>
    <SvgIcon name="ceshi" class="text-4xl text-theme"></SvgIcon>
    <!-- <SvgIcon name="ceshi3" class="text-8xl text-theme"></SvgIcon> -->
  </div>
</template>
<script setup lang="ts">
import { ref } from "vue";
import { goPage } from "@/utils";
import { useI18n } from "vue-i18n";
const hello = ref("hello world");
const router = useRouter();
const route = useRoute();
const { app } = useApp();
const { t } = useI18n({});
const isOpen = ref(false);
const pageIt = getPageItem({});

setPageSeo({});

// useSeoMeta({
//   title: "My web Site",
//   ogTitle: "My Amazing Site",
//   description: "This is my amazing site, let me tell you all about it.",
//   ogDescription: "This is my amazing site, let me tell you all about it.",
//   ogImage: "https://example.com/image.png",
//   twitterCard: "summary_large_image",
// });
const previewImg = () => {
  router
    .push({
      query: {
        lang: route.query.lang == "en" ? "zh" : "en",
      },
    })
    .then(() => {
      window.location.reload();
    });
};
// definePageMeta({
//   layout: false,
// });
</script>
<style lang="scss" scoped>
.box {
  color: black;
}
</style>
